<template>
  <div class="content_container">
    <component :is="com"></component>
  </div>
</template>
<script>
import test from "./models/test";
export default {
  props: {
    com: {
      type: String,
      required: true,
    },
  },
  components: {
    test
  },
  data() {
    return {
      loadingWH: {
        width: 0,
        height: 0,
      },
    };
  },
  created() {
    this.loadingWH.width = window.innerWidth;
    this.loadingWH.height = `${parseInt(window.innerHeight)-60}px`
  },
};
</script>
<style lang="scss">
.content_container {
  position: fixed;
  width: 100%;
  height: calc(100% - 60px);
  top: 60px;
  background: #ffffff;
  z-index: 10000;
}
</style>